<!--
  ~ Licensed to the Apache Software Foundation (ASF) under one or more
  ~ contributor license agreements.  See the NOTICE file distributed with
  ~ this work for additional information regarding copyright ownership.
  ~ The ASF licenses this file to You under the Apache License, Version 2.0
  ~ (the "License"); you may not use this file except in compliance with
  ~ the License.  You may obtain a copy of the License at
  ~
  ~    http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~ Unless required by applicable law or agreed to in writing, software
  ~ distributed under the License is distributed on an "AS IS" BASIS,
  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~ See the License for the specific language governing permissions and
  ~ limitations under the License.
  ~
  -->

<sp-visualization-config-outer
    [configurationValid]="
        currentlyConfiguredWidget.visualizationConfig.configurationValid
    "
>
    <sp-select-color-properties
        (changeSelectedProperties)="setSelectedProperties($event)"
        [availableProperties]="numericPlusBooleanFields"
        [selectedProperties]="
            currentlyConfiguredWidget.visualizationConfig
                .selectedTimeSeriesChartProperties
        "
        [currentlyConfiguredWidget]="currentlyConfiguredWidget"
    >
    </sp-select-color-properties>

    <sp-configuration-box title="Axes" marginTop="5px">
        <sp-select-axis-options
            (viewRefreshEmitter)="triggerViewRefresh()"
            title="left axis"
            [axisConfig]="
                currentlyConfiguredWidget.visualizationConfig.leftAxis
            "
        >
        </sp-select-axis-options>

        <sp-select-axis-options
            (viewRefreshEmitter)="triggerViewRefresh()"
            title="right axis"
            [axisConfig]="
                currentlyConfiguredWidget.visualizationConfig.rightAxis
            "
        >
        </sp-select-axis-options>
    </sp-configuration-box>

    <sp-configuration-box title="Axis Pointer">
        <mat-checkbox
            [(ngModel)]="
                currentlyConfiguredWidget.visualizationConfig.showSpike
            "
            (change)="setShowSpikeProperty($event)"
            >Enable
        </mat-checkbox>
    </sp-configuration-box>
</sp-visualization-config-outer>
